<template>
	<view class="out_box">
		<img src="../static/pageTow/img.png" alt="" class="img_box" />
		<view class="detail_title">
			标题
		</view>
		<view class="detail_box">
			<view class="detail_text">
				<view class="detail_text1">
					运动类型:
				</view>
				<view class="detail_text2">
					1111111
				</view>
			</view>
			<view class="detail_text">
				<view class="detail_text1">
					消耗热量:
				</view>
				<view class="detail_text2">
					1111111
				</view>
			</view>
			<view class="detail_text">
				<view class="detail_text1">
					赞:
				</view>
				<view class="detail_text2">
					1111111
				</view>
			</view>
			<view class="detail_text">
				<view class="detail_text1">
					踩:
				</view>
				<view class="detail_text2">
					1111111
				</view>
			</view>
		</view>
		<view class="detail_title">
			简介/详情
		</view>
		<view class="detail_box">
			11111
		</view>
		<view class="detail_title">
			留言
		</view>
		<view class="detail_box">
			11111
		</view>
		<view class="bottom_box">
			<img src="../static/pageTow/sc.png" alt="" class="img_box1" />
			<img src="../static/pageTow/pl.png" alt="" class="img_box1"/>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
	.out_box{
		padding-bottom: 10%;
	}
	.img_box {
		width: 100%;
		height: 589rpx;
	}

	.detail_box {
		margin: 20rpx auto;
		width: 520rpx;
		/* height: 500rpx; */
		border: 1px solid saddlebrown;
		border-radius: 30rpx;
		text-align: center;
		padding-top: 10%;
		padding-bottom: 10%;
	}

	.detail_title {
		width: 160rpx;
		height: 62rpx;
		line-height: 62rpx;
		margin: 10rpx auto;
		border-radius: 30rpx;
		border: 1px solid saddlebrown;
		background-color: white;
		text-align: center;
	}

	.detail_text {
		display: flex;
		flex-direction: row;
		justify-content: center;
		height: 65rpx;
		line-height: 65rpx;
		margin: 20rpx auto;
		border: 1px solid saddlebrown;
		width: 400rpx;
		border-radius: 30rpx;
		background-color:#E5F5BD ;
	}
	
	.detail_text1{
		position: relative;
		left: -42rpx;
	}
	.bottom_box{
		/* background-color: black; */
		width: 100%;
		height: 100rpx;
		position: absolute;
		bottom: 0%;
	}
	.img_box1{
			width: 40rpx;
			height: 40rpx;
			margin-left: 20rpx;
		
		}
	
</style>